import React from "react"
import Home from "../views/home"
import Sort from "../views/sort"
import Shop from "../views/shop"
import Mine from "../views/mine"
import NotFont from "../views/notFont"
import {Route,Switch} from "react-router-dom"

import AnimatedRouter from 'react-animated-router';

import 'react-animated-router/animate.css';

function IndexRouter() {
    return (
        <Switch>
            <AnimatedRouter timeout={300}>
                <Route exact path='/' component={Home}/>
                <Route exact path='/sort' component={Sort}/>
                <Route exact path='/shop' component={Shop}/>
                <Route exact path='/mine' component={Mine}/>
                <Route path='*' component={NotFont}/>
            </AnimatedRouter>
        </Switch>
    )
}

export default IndexRouter;